import { defineComponent } from 'vue'
import { type SvgIconProps, svgIconProps } from './options'

export default defineComponent({
  props: svgIconProps,

  setup (props) {
    const computeStyle = () => ({
      color: props.color,
      width: `${props.width ? props.width : props.size}px`,
      height: `${props.height ? props.height : props.size}px`,
      fill: 'currentColor',
      'vertical-align': 'middle'
    })

    return () => {
      return (
        <div>
          <svg style={computeStyle()}
          >
            <use href={`#${ props.name }`}></use>
          </svg>
        </div>
      )
    }
  }
})


// export default defineComponent({
//   props: svgIconProps,

//   setup (props) {
//     return () => 123456
//   }
// })
